<template>
    <div id="index">
      <!--app入口-->
      <div class="content" v-show="ifTrue">
        <div class="con_top">
          <span>隐私保护政策</span>
        </div>
  
        <div class="con_bottom">
          <div class="title">
            <p>个人信息保护措施仅适用于中国电信上海公司</p>
            <span>隐私保护政策</span>
          </div>
  
          <div class="policy"  ref="scroll">
            <p>1、公司每个组织均规定了专人负责保护个人信息，以求妥善管理信息</p>
            <p>2、我们会遵循隐私政策收集、使用你的信息，但不会仅因你同意本隐私政策而采用强制捆绑的方式一揽子收集个人信息。</p>
            <p>
              3、当你使用或开启相关功能或使用服务时，为实现功能、服务所必需，我们会收集、使用相关信息。除非是为实现业务功能或根据法律法规要求所必需的必要信息，你均可以拒绝提供且不影响其他功能或服务。我们将在隐私政策中逐项说明所要收集的信息。</p>
            <p>4、如果你仅希望使用互助闲鱼为你提供的基本功能，你可以通过点击此处了解并使用基本功能模式。</p>
            <p>5、如果你未登录账号，我们会通过设备对应的标识符信息来保障信息推送的基本功能。如果你登录了账号，我们会根据账号信息实现信息推送。</p>
            <p>6、为实现业务功能或根据法律法规要求所必需，我们会在你使用特定功能或服务时收集、使用你的敏感个人信息，具体的收集场景、目的和范围请见敏感个人信息清单。</p>
          </div>
  
          <div class="content_bottom">
          <div class="btn">
            <!--            <div class="agreement">
                          <p>
                            <span>查看完整版</span><a href="#">《用户协议》</a><span>和</span><a href="#">《隐私政策》</a>
                          </p>
                        </div>-->
            <button class="btn_one" @click="submit">同意并继续</button>
            <button class="btn_two" @click="close">{{ type === 0?'不同意并退出APP':'返回'}}</button>
          </div>
        </div>
        </div>
      </div>
    </div>
  </template>
  
  <script>
  //import {Toast} from 'vant';
  import util from '../utils/util';
  export default {
    name: "index",
    props: {
      type: {
        type: Number,
        default: 0
      }
    },
    data() {
      return {
        ifTrue: true,
        jsonObj: '',
      }
    },
    methods: {
      // 获取Token中的电话信息
      getEmpData() {
        // var a = Toast.loading({
        //   message: '加载中...',
        //   forbidClick: true,
        //   duration: 0
        // });
  
        // this.jsonObj = JSON.parse(util.getCookie("emp_data"));
        // // console.log(this.jsonObj)
        // // 发送请求判断该用户是否第一次登录
        // this.axios.post('app/emp/getConsentAgreement', {
        //   params: this.jsonObj.telNum,
        // }).then(res => {
        //   // console.log("请求成功~")
        //   // console.log(res.data.data.consent_agreement);
        //   if (res.data.data.consent_agreement) {
        //     // 已经同意隐私协议，可直接跳转到 appHome
        //     this.$router.push("/app");
        //     util.setCookie('empower',this.jsonObj.telNum);
        //     Toast.clear(a)
        //   } else {
        //     // 还未同意隐私协议，需要点击同意协议按钮
        //     Toast.clear(a)
        //     this.ifTrue = true;
        //   }
        // })
        //     .catch(function (error) {
        //       // console.log(error);
        //     });
      },
      // 点击同意协议后提交修改 并跳转页面
      submit() {// 点击了同意协议按钮
        this.ifTrue = true;
        if(this.type === 0)  {
          this.$router.push("/app");
          
        }else if(this.type === 1){
          this.$emit('approve',true);
        }
        
        // this.axios.post('app/emp/updateConsentAgreement', {
        //   params: this.jsonObj.telephone,
        // }).then(res => {
        //   // console.log("修改成功")
        // }).catch(function (error) {
        //   // console.log(error);
        // });
      },
      // 关闭当前窗口（退出App）
      close() {
        if(this.type === 0)  {
          this.va.close();
          
        }else if(this.type === 1){
          this.$emit('approve',false);
        }
      },
    },
    mounted() {
      //this.getEmpData();
      this.jsonObj = JSON.parse(util.getCookie("emp_data"));
      util.setCookie('empower',this.jsonObj.telNum);
    },
    created() {
  
    },
    computed:{
  /*    styleHeight() {
        return {
          height: `${this.height}rem`
        }
      }*/
    }
  
  }
  </script>
  
  
  <style scoped>
  #index {
    box-sizing: border-box;
    width: 100vw;
    height: 100vh;
    background-color: #f6f6f6;
    padding: 0.8rem 0.4rem;
    position: absolute;
    z-index: 999;
    top: 0;
    /*font-family;*/
  }
  
  .content {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 0.1rem solid #e8e8e8;
    background-color: white;
  }
  
  /* 顶部标题*/
  .content .con_top {
    width: 100%;
    height: 2.8rem;
    border-radius: 6px 6px 0 0;
    text-align: center;
    line-height: 2.8rem;
    color: white;
    font-weight: 700;
    background-color: #1999fc;
  }
  
  /* 内容区 */
  .content .con_bottom {
    padding: 1.5rem;
    letter-spacing: 0.1rem;
    font-weight: 700;
  }
  
  .policy::-webkit-scrollbar {
    /* 隐藏滚动条 */
    display: none;
  }
  
  .content .con_bottom p {
    margin-bottom: 0;
  }
  
  .content .con_bottom span {
    font-size: 13px;
  }
  
  .content .con_bottom .policy {
    margin: 3rem 0;
    height: calc(100vh - 1.6rem - 2.8rem - 3rem - 7rem - 4.6rem - 2.5rem);
    overflow: auto;
  }
  
  .content .con_bottom .policy p {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.01rem;
    line-height: 1.4rem;
  }
  
  
  /* 底部 按钮 */
  .con_bottom .content_bottom {
    position: fixed;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom:2rem;
  }
  
  
  .btn {
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*margin: 0 5px;*/
  }
  
  .btn button {
    letter-spacing: 0.08rem;
    border-radius: 4px;
  }
  
  .btn .agreement p {
    font-size: 0.18rem;
    font-weight: 900;
    letter-spacing: 0.01rem;
  }
  
  .btn .agreement a {
    color: #3aa9f2;
  }
  
  .btn button {
    width: 11rem;
    height: 2.3rem;
    border: none;
  }
  
  .btn .btn_one {
    background-color: #1999fc;
    margin: 1.5rem 0 1rem 0;
    color: white;
  }
  
  .btn .btn_two {
    background-color: white;
    color: #919191;
  }
  
  </style>
  